$(function () {
    let list="";
    $.ajax({
        url: "http://chst.vip:1234/api/getbrandtitle",
        type: "get",
        data: {}, 
        success(res) {
            let { result } = res;
            console.log(result);
            result.forEach((item, index, array) => {
                list += `
                <div class="typelist">
                    <div class="listtitle">
                        <h4>${item.brandTitle}</h4>
                        <span>▼</span>
                    </div>
                    <div class="content" titleid="${item.brandTitleId}">
                        
                    </div>
                </div>
                `
            })
            $('.group').html(list)
        },
        error(err) {
            console.log(err);
        }
    }).then(res=>{
        $(".typelist").map(function(){
            let thistype=$(this)
            let html="";
            $.ajax({
                url: "http://chst.vip:1234/api/getbrand",
                type: "get",
                data: {
                    brandtitleid:$(this).find(".content").attr('titleid')
                },
                success(res) {
                    let { result } = res;
                    let i=0;
                    result.forEach((item, index, array) => {
                        html+=`
                        <a href="brand.html?title=${item.brandName}&brandtitleid=${item.brandId}">
                            <div class="title">
                                <p>${i++}</p>
                                <span>${item.brandName}</span>
                            </div>
                            <div class="sale">
                                ${item.brandInfo}
                            </div>
                        </a>
                        `
                    })
                    $(thistype).find(".content").html(html)
                },
                error(err) {
                    console.log(err);
                }
            })
        })
        $(".listtitle").siblings().slideUp(0)
        $(".listtitle").click(function () {
            $(this).siblings().slideToggle(300).end().parent().siblings().find(".listtitle").siblings().slideUp(300);
        })
    })
})